<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<h:form id="formPerfiles">
		<table class="tables">

			<tr>
				<td class="pPanel"><p:panel style="border:none;" id="pOtros"
						toggleable="false" collapsed="false">
						<p:growl id="growllps" showDetail="true" life="3000"
							showSummary="false" />
						<h:panelGrid columns="5" styleClass="panelTDBotonFormulario"
							>
							
							<p:commandButton rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}"
								action="#{modificarOfertasBean.limpiarCamposOtrosIndirectos()}"
								value="Agregar otros costos"
								oncomplete="dlgOtros.show()"
							update=":tabView:paindirectos:formOtros:hpgOtros" />
							<p:commandButton rendered="false"
								action="#{modificarOfertasBean.consultarOtrosIndirectos}"
								immediate="true" value="Calcular Costos"
								update="perfiles,perfilesTable" />
								<h:outputText value="Subtotal de Otros Indirectos: " />
							<h:outputText value="#{modificarOfertasBean.simbolo}" />
							<h:outputText
								value="#{modificarOfertasBean.subOtrosIndirectos}">
								<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
							</h:outputText>
						</h:panelGrid>
					</p:panel></td>
			</tr>
			<tr>
				<td><p:outputPanel id="perfiles"
						styleClass="panelTDLeftFormulario">

						<p:dataTable id="perfilesTable"
							value="#{modificarOfertasBean.listaOtrosIndirectosPersonalizado}"
							var="perfil" paginator="true" rows="#{modificarOfertasBean.numeroFilasFormularios}" editable="true">
							<p:ajax event="rowEdit"
								listener="#{modificarOfertasBean.onEditOtrosIdirecto}"
								immediate="true" update=":tabView:paindirectos:formPerfiles:pOtros"/>
							<p:ajax event="rowEditCancel"
								listener="#{modificarOfertasBean.onCancelOtrosIndirectos}"
								immediate="true" />

							<p:column headerText="Descripción" style="width:25%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.personalIndirecto.otinDescripcion}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.personalIndirecto.otinDescripcion}"
											style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="U" styleClass="valoresTabla"
								style="width:10%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{perfil.personalIndirecto.otinUnidad}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{perfil.personalIndirecto.otinUnidad}"
											style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Cant." styleClass="valoresTabla"
								style="width:5%">								
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{perfil.personalIndirecto.otinCantidad}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{perfil.personalIndirecto.otinCantidad}"
											style="width:100%" >
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
											</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Costo Unitario" styleClass="valoresTabla"
								style="width:10%">								
								<p:cellEditor>
									<f:facet name="output">
									<h:outputText value="#{modificarOfertasBean.simbolo} " />
										<h:outputText
											value="#{perfil.personalIndirecto.otinCostoUnitario}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.personalIndirecto.otinCostoUnitario}"
											style="width:100%">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Factor de ajuste" styleClass="valoresTabla"
								style="width:10%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{perfil.personalIndirecto.otinFactorAjuste}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<p:inputText
											value="#{perfil.personalIndirecto.otinFactorAjuste}"
											style="width:100%">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Costo Total" styleClass="valoresTabla"
								style="width:10%">
								<h:outputText value="#{modificarOfertasBean.simbolo} " />

								<h:outputText value="#{perfil.costoTotal}">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>

							

							<p:column style="width:3%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="E" />
								</f:facet>
								<p:rowEditor />
							</p:column>
							<p:column style="width:3%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="X" />
								</f:facet>
								<p:commandButton update="perfilesTable" immediate="true"
									action="#{modificarOfertasBean.deletOtrosAction(perfil)}"
									icon="ui-icon-close">
									<!-- <p:confirm header="Confirmación"
										message="Está seguro de eliminar?" icon="ui-icon-alert" /> -->
								</p:commandButton>
								<!--<p:confirmDialog global="true" showEffect="fade"
									hideEffect="explode">
									<p:commandButton value="Si" type="button"
										styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
										update=":formPerfiles:growllps" />
									<p:commandButton value="No" type="button"
										styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
								</p:confirmDialog>-->
								<br />
							</p:column>
							<p:column headerText="%O.I." style="width:9%">

								<h:outputText value="#{perfil.poi}">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>

						</p:dataTable>

					</p:outputPanel></td>
			</tr>
		</table>


	</h:form>
	<p:dialog id="mp_otros" position="top" width="680px"
		header="Agregar Otros Costos" appendToBody="true" styleClass="pPanel"
		height="200px" widgetVar="dlgOtros">
		<h:form id="formOtros">
			<h:panelGrid id="hpgOtros" columns="4" cellpadding="1"
				style="margin:0 auto;">
				<table width="600px;">



					<tr>
						<td><p:panel  toggleable="false"
								collapsed="false">
								<p:growl id="growllps" showDetail="true" life="3000"
									showSummary="false" />

								<h:panelGrid columns="2" id="hpgPerfiles"
									styleClass="panelTDLeftFormulario">

									<h:outputLabel value="Descripción : *" for="txt_nombres_ps"></h:outputLabel>
									<p:inputText id="txt_nombres_ps" required="true"
										style="width:540px;" label="Ingrese la descripción del item."
										value="#{modificarOfertasBean.nuevoOtrosIndirecto.otinDescripcion}" />



								</h:panelGrid>
								<h:panelGrid columns="8" id="hpgPerfiles2"
									styleClass="panelTDLeftFormulario">
									<h:outputLabel value="Unidad : *" for="txt_unidad"></h:outputLabel>
									<p:inputText id="txt_unidad" required="true"
										style="width:100px;" label="Ingrese la unidad del item."
										value="#{modificarOfertasBean.nuevoOtrosIndirecto.otinUnidad}" />
									<h:outputLabel value="Cantidad : *" for="txt_cantidad"></h:outputLabel>
									<p:inputText id="txt_cantidad" required="true"
										style="width:80px;" label="Ingrese la cantidad del item."
										value="#{modificarOfertasBean.nuevoOtrosIndirecto.otinCantidad}" />
									<h:outputLabel value="Costo Untario : *" for="txt_costo"></h:outputLabel>
									<p:inputText id="txt_costo" required="true"
										style="width:100px;"
										label="Ingrese el costo unitario del item."
										value="#{modificarOfertasBean.nuevoOtrosIndirecto.otinCostoUnitario}" />
									<h:outputLabel value="Factor de Ajuste : *" for="txt_factor"></h:outputLabel>
									<p:inputText id="txt_factor" required="true"
										style="width:80px;" label="Ingrese Factor de ajuste de costo."
										value="#{modificarOfertasBean.nuevoOtrosIndirecto.otinFactorAjuste}" />
								</h:panelGrid>
								<h:panelGrid columns="1" styleClass="panelTDBotonFormulario"
									rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">

									<p:commandButton
										action="#{modificarOfertasBean.guardarOtrosIndirectos()}"
										value="Guardar"
										update=":tabView:paindirectos:formPerfiles:pOtros,:tabView:paindirectos:formPerfiles:perfiles,:tabView:paindirectos:formPerfiles:perfilesTable,:tabView:paindirectos:formPerfiles:growllps,hpgPerfiles,hpgPerfiles2" />
									
								</h:panelGrid>
								<h:outputText value="* " styleClass="asteriscoObligatorio" />
								<h:outputText
									value=" El asterisco indica que el campo es requerido."
									styleClass="outputTextFormulario" />
							</p:panel></td>
					</tr>
				</table>
			</h:panelGrid>

		</h:form>
	</p:dialog>



</ui:composition>